<template>
	<view class="page">
		<image src="../../static/register/top2.jpg" mode="widthFix" class="top" />
		<view class="location-container">
			<view class="left">
				<image src="../../static/register/location.png" mode="widthFix" class="location"></image>
				<text>代驾服务地点</text>
			</view>
			<view class="right">{{cityName}}</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">注册条件</text>
			</view>
			<view class="list">
				<view class="item">
					<text>1.</text>
					车辆合规合法；
				</view>
				<view class="item">
					<text>2.</text>
					年龄18岁以上；
				</view>
				<view class="item">
					<text>3.</text>
					无违法犯罪记录、无精神病史、无吸毒史，以及平台认为不适合使用代驾的其他历史证明；
				</view>
				
				
			</view>
		</view>
		<view class="info-container">
			<view class="title-container">
				<image src="../../static/register/title-bg.png" mode="widthFix" class="title-bg"></image>
				<text class="title">使用流程</text>
			</view>
			<view class="list">
				<view class="complex-item">
					<view class="left">01</view>
					<view class="right">
						<text class="item-title">在线注册账号</text>
						<text class="item-desc">在小程序完成注册</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">02</view>
					<view class="right">
						<text class="item-title">个人信息填写</text>
						<text class="item-desc">按照流程提交本人身份证照片</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">03</view>
					<view class="right">
						<text class="item-title">代驾下单</text>
						<text class="item-desc">通过APP下单预约代驾</text>
					</view>
				</view>
				<view class="complex-item">
					<view class="left">04</view>
					<view class="right">
						<text class="item-title">费用支付</text>
						<text class="item-desc">订单结束自动扣除费用</text>
					</view>
				</view>
			</view>
		</view>
		<!-- <button class="btn" @tap="wxLogin" >司机注册</button> -->
		<button class="btn" open-type="getPhoneNumber" @getphonenumber="phoneRegister" >微信注册</button>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
var QQMapWX = require('../../lib/qqmap-wx-jssdk.min.js');
var qqmapsdk;	
export default {
	data() {
		return {
			code: null,
			cityName:"未知"
		};
	},
	onLoad(){
		const _this = this
		//实例化Aip核心类
		_this.initQQMap()
		//获取经纬度信息
		let location = _this.getLocation();
		//解析坐标
		_this.reverseGeocoder(location)
	},
	methods: {
		//根据手机号进行注册
		phoneRegister(e){
			const _this = this 
			// 动态令牌
			let PhoneCode = e.detail.code
			wx.login({
			  success (res) {
			    if (res.code) {
					console.log(res.code);
					_this.get("/app/customer/register/" + res.code +"/"+ PhoneCode,(res)=>{
						if(res.success){
							uni.showToast({
								icon:"success",
								title:"注册成功"
							})
							setTimeout(() => {
							    // 登录成功页面跳转，这里需要替换为正确的页面路径
							    uni.navigateTo({
							      url: "/pages/login/login",
							    });
							  }, 2000);
						}else {
							uni.showToast({
								icon: "error",
								title: res.message
							});
							// 正确使用setTimeout来实现2秒后跳转
							setTimeout(() => {
								if (res.code == 1001) {
									uni.navigateTo({
										url: "/pages/login/login",
									});
								}
							}, 2000); // 2000毫秒后执行函数
						}
					})
				}else {
				  console.log('登录失败！' + res.errMsg)
				}
			  }	
			})
		},
		//解析坐标
		reverseGeocoder(location){
			const _this = this 
			qqmapsdk.reverseGeocoder({
				location:location,
				success: function(res) {//成功后的回调
					console.log(res);
					if(res.status == 0){
						_this.cityName = res.result.address_component.city
					}
				}
			})
		},
		//获取坐标
		getLocation(){
		  uni.getLocation({
			  type: 'wgs84',
			  success: function(res) {
				  // res为具体的定位结果
				 console.log(res);
				 return res
			  }
		  })
		},
		//实例化Aip核心类
		initQQMap(){
			qqmapsdk = new QQMapWX({
				key: 'DZWBZ-RKAKU-XC4VG-G7GOP-TS5FK-YVFQ7' // 必填
			})
		}
	}
};
</script>

<style lang="less">
@import url('register.less');
</style>
